<!DOCTYPE html>
<title>webtreemap demo (Chrome binary size)</title>
<script src=demo.json></script>
<link rel=stylesheet href=../webtreemap.css>
<style>
body {
  font-family: sans-serif;
  font-size: 0.8em;
  margin: 2ex 4ex;
}

h1 {
  font-weight: normal;
}

#map {
  width: 500px;
  height: 300px;

  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
}
</style>

<h1>webtreemap demo</h1>

<p>This is a simple demonstration of
<a href="http://github.com/martine/webtreemap">webtreemap</a>.  It's showing
the relative size of parts of a binary of Chromium.  (It's missing some data --
the total binary size is over the 22mb displayed.)</p>

<p>Click on a box to zoom in.  Click on the outermost box to zoom out.</p>

<div id='map'></div>

<script src='../webtreemap.js'></script>

<script>
var map = document.getElementById('map');
appendTreemap(map, kTree);
</script>
